.feature-box{
    background-color: rgba($color-white, .7);
    border-radius: 3px;
    font-size: $font-size-samll;
    text-align: center;
    padding: 2rem;
    box-shadow: 0 .5rem 1rem rgba($color-black, .3);
    transition: all .2s ease-in-out;
    &__icon{
        font-size: 6rem;
        margin-bottom: .5rem;
        @include textGradiant;
        background-image: linear-gradient(to right,$color-primary-light,$color-primary-dark);
    }

    &:hover{
        transform: translateY(-1rem) scale(1.03);
    }

    &__text{

    }
}